﻿<%@ Page Language="C#" MasterPageFile="~/U_masterP.master" AutoEventWireup="true"
    CodeFile="details.aspx.cs" Inherits="details" %>

<%@ Register Src="uc_main/sideBar_right.ascx" TagName="sideBar_right" TagPrefix="uc1" %>
<%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <asp:Literal ID="liter_title" runat="server"></asp:Literal>
<%--    <style>
        #collection-menu
        {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 5px 5px 5px 5px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
            display: none;
            padding-bottom: 2px;
            width: 404px;
        }
    </style>--%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="content_top">
        <div id="kep">
            <a>
                <asp:Label ID="lblTenCate" runat="server"></asp:Label></a></div>
        <div id="tags">
            <% if (Session["KhachHang"] != null)
               { %>
            <div id="Iwill">
                Tôi sẽ
                <asp:TextBox ID="TextBox1" CssClass="txtTieptuc" Width="401px" runat="server" onkeyup="valid(this,'special')" onblur="valid(this,'special')"></asp:TextBox>
                chỉ với 5$.
                <ajaxToolkit:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender" runat="server"
                    FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':,&lt;&gt;.?/"
                    TargetControlID="TextBox1">
                </ajaxToolkit:FilteredTextBoxExtender>
                <div id="btn_tieptuc">
                    <asp:Button ID="btnTiep" CssClass="button_V" runat="server" OnClientClick="return checkTT()"
                        Text="Tiếp tục" OnClick="btnTiep_Click" /></div>
            </div>
            <% }
               else { } %>
            <!-- repeat tags -->
            <%-- <asp:Repeater ID="reptTags" runat="server"><ItemTemplate>
<a href="#"><%# Eval("Tags") %></a>--%>
            <%--</ItemTemplate></asp:Repeater>--%>
        </div>
    </div>
    <div class="clear">
    </div>
    <div id="sub_content">
        <div id="content_left">
            <div id="nothing" runat="server" style="display: none">
                Không tìm thấy</div>
            <div id="timkiem" style="display: none" runat="server">
                <asp:Repeater ID="rptSearch" runat="server">
                    <ItemTemplate>
                        <!-- Bat dau 1 dong tin -->
                        <div class="thongtin">
                            <a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>"
                                class="avatar">
                                <img src='<%#ResolveClientUrl(Eval("UrlHinh1","~/upload/{0}")) %>' width="122px"
                                    height="86" title='Tôi sẽ <%# Eval("TenCongViec") %> chỉ với 5$' alt='Tôi sẽ <%# Eval("TenCongViec") %> chỉ với 5$' />
                            </a>
                            <div class="mota">
                                <p class="tieudeMota">
                                    <a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>">
                                        Tôi sẽ
                                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("TenCongViec") %>'></asp:Label>
                                        chỉ với 5$</a></p>
                                <p class="motangan">
                                    <asp:Label ID="Label1" runat="server" Text='<%#Eval("MoTaCV")%>'></asp:Label>
                                    ( đăng bởi <span class="posted">
                                        <asp:Label ID="Label3" runat="server" Text='<%# Eval("UsernameE") %>'></asp:Label></span>
                                    <img src='<%#ResolveClientUrl(Eval("ipAddress","~/img/flags/{0}")) %>.png' title='<%# Eval("TenQuocGia") %>' />
                                    )</p>
                                <br />
                                <p class="d">
                                    <div class="d_head">
                                        <ul>
                                            <li><a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>"
                                                class="nhungChitiet">Chi tiết</a></li>
                                            <% if (Session["KhachHang"] == null)
                                               { %>
                                            <li><a href='<%#URLHelper.BuildURL("Dang-nhap") %>' class="nhungHome">Đăng nhập</a></li>
                                            <% }
                                               else { }; %>
                                            <%--<li><a href="" onclick="return showMes()" class="nhungChiaSe">Chia sẻ </a></li>--%>
                                           <li style="position: relative"><a href="#collection-menu" id="<%# Eval("idGig") %>"
                                        rel="collectionModal" class="<%# Eval("CssClass") %> collection">Thêm vào bộ sưu tập</a></li>

                                        </ul>
                                    </div>
                                    <div class="d_end">
                                        <a class="btn" <% if(Session["KhachHang"]==null) { %> href='<%#URLHelper.BuildURL("Dang-nhap") %>'
                                            <% } else { %> href='/datHang.aspx?id=<%# Eval("idGig") %>' <% } %>><span class="btn_nd">
                                                Đặt hàng (5$)</span> <span class="btn_nd2">Đặt hàng (5$)</span> </a>
                                    </div>
                                </p>
                            </div>
                        </div>
                        <!-- Ket thuc 1 dong tin -->
                    </ItemTemplate>
                </asp:Repeater>
                <div class="phantrang">
                    <webdiyer:AspNetPager ID="AspNetPager2" runat="server" HorizontalAlign="Left" Width="100%"
                        PageIndexBoxType="DropDownList" PageSize="8" OnPageChanged="AspNetPager2_PageChanged"
                        AlwaysShowFirstLastPageNumber="true" FirstPageText="Trang đầu" PrevPageText="Trước"
                        NextPageText="Tiếp" LastPageText="Trang cuối" NumericButtonCount="5">
                    </webdiyer:AspNetPager>
                </div>
            </div>
            <asp:Repeater ID="rptAll" runat="server">
                <ItemTemplate>
                    <!-- Bat dau 1 dong tin -->
                    <div class="thongtin">
                        <a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>"
                            class="avatar">
                            <img src='<%#ResolveClientUrl(Eval("UrlHinh1","~/upload/{0}")) %>' width="122px"
                                height="86" title='Tôi sẽ <%# Eval("TenCongViec") %> chỉ với 5$' alt='Tôi sẽ <%# Eval("TenCongViec") %> chỉ với 5$' />
                        </a>
                        <div class="mota">
                            <p class="tieudeMota">
                                <a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>">
                                    Tôi sẽ
                                    <asp:Label ID="Label2" runat="server" Text='<%# Eval("TenCongViec") %>'></asp:Label>
                                    chỉ với 5$</a></p>
                            <p class="motangan">
                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("MoTaCV")%>'></asp:Label>
                                ...( đăng bởi <span class="posted">
                                    <asp:Label ID="Label3" runat="server" Text='<%# Eval("UsernameE") %>'></asp:Label></span>
                                <img src='<%#ResolveClientUrl(Eval("ipAddress","~/img/flags/{0}")) %>.png' title='<%# Eval("TenQuocGia") %>'
                                    alt='<%# Eval("TenQuocGia") %>' />
                                )</p>
                            <br />
                            <p class="d">
                                <div class="d_head">
                                    <ul>
                                        <li><a href="<%#URLHelper.BuildURLCATE(Eval("TenCate_E").ToString(),Eval("TenCongViec_KD")+"-"+Eval("idGig").ToString())%>"
                                            class="nhungChitiet">Chi tiết</a></li>
                                        <% if (Session["KhachHang"] == null)
                                           { %>
                                        <li><a href="<%=URLHelper.BuildURL("Dang-nhap") %>" class="nhungHome">Đăng nhập</a></li>
                                        <% }
                                           else { } %>
                                        <%--<li><a href="" onclick="return showMes()" class="nhungChiaSe">Chia sẻ</a></li>--%>
                                        <li style="position: relative"><a href="#collection-menu" id="<%# Eval("idGig") %>"
                                        rel="collectionModal" class="<%# Eval("CssClass") %> collection">Thêm vào bộ sưu tập</a></li>
                                           

                                    </ul>
                                </div>
                                <div class="d_end">
                                    <a class="btn" <% if(Session["KhachHang"]==null) { %> href="<%=URLHelper.BuildURL("Dang-nhap") %>"
                                        <% } else { %> href='<%#URLHelper.BuildURLCATE("dat-hang","a_"+Eval("idGig").ToString()) %>'
                                        <% } %>><span class="btn_nd">Đặt hàng (5$)</span> <span class="btn_nd2">Đặt hàng (5$)</span>
                                    </a>
                                </div>
                            </p>
                        </div>
                    </div>
                    <!-- Ket thuc 1 dong tin -->
                </ItemTemplate>
            </asp:Repeater>
            <div class="phantrang">
                <webdiyer:AspNetPager ID="AspNetPager1" runat="server" HorizontalAlign="Left" Width="100%"
                    PageIndexBoxType="DropDownList" PageSize="8" OnPageChanged="AspNetPager1_PageChanged"
                    AlwaysShowFirstLastPageNumber="true" FirstPageText="Trang đầu" PrevPageText="Trước"
                    NextPageText="Tiếp" LastPageText="Trang cuối" NumericButtonCount="5">
                </webdiyer:AspNetPager>
            </div>
        </div>
        <div id="content_right">
            <uc1:sideBar_right ID="sideBar_right1" runat="server" />
        </div>
        <div class="clear">
        </div>
    </div>
    <div id="collection-menu">
        <h2 id="collection-menu-header">
            BỘ SƯU TẬP CỦA BẠN</h2>
        <asp:Panel runat="server" ID="pnLogin" Visible="false">
            <input type="hidden" id="hdGig" />
            <%-- <div id="new-collection">
            <input type="text" id="txtCollectionName" />
            <input type="button" id="new-collection-ok" value="V" />
            <input type="button" id="new-collection-cancel" value="X" />
        </div>--%>
            <%-- <div class="loader">
            </div>--%>
            <div>
                <ul id="collection-list">
                    <%-- <asp:Repeater runat="server" ID="rptCollection">
                        <ItemTemplate>
                            <li title="<%#Eval("Name") %>" id="<%#Eval("idCollection") %>">
                                <%#Eval("Name") %>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>--%>
                </ul>
            </div>
            <div style="text-align: center; color: red; font-weight: bold">
                <span id="CollectionError"></span>
            </div>
            <div style="border: 1px solid #afafaf">
                <input type="button" id="btnAddNewCollection" title="Click để thêm mới bộ sưu tập"
                    value="+" style="padding: 5px" />
            </div>
        </asp:Panel>
        <asp:Panel runat="server" ID="pnNotLogin" Visible="false">
            <p style="text-align: center; padding: 5px 0">
                Vui lòng đăng nhập để thực hiện chức năng này</p>
        </asp:Panel>
    </div>
    <script type="text/javascript">
        function showMes() {
            alert("Tính năng này đang được phát triển ! Vui lòng thử lại sau ! Cảm ơn");
            return false;
        }
        function checkTT() {
            if ($('.txtTieptuc').val() == "") {
                alert('Không được để trống ');
                $('.txtTieptuc').focus();
                return false;
            }
        }
        var r = {
            'special': /[\W]/g,
            'quotes': /['\''&'\"']/g,
            'notnumbers': /[^\d]/g
        }

        function valid(o, w) {
            o.value = o.value.replace(r[w], '');
        }

        $(function () {
            $('a[rel*=collectionModal]').leanModal({ top: 200, closeButton: ".modal_close" });
        });

        //them moi bo suu tap
        $("#btnAddNewCollection").live("click", function () {
            if ($("#new-collection").length > 0) {
                $("#new-collection").remove();
            }
            else {
                var s = "<div id='new-collection'>";
                s += "<input type='text' id='txtCollectionName' style='width:320px;margin-left:10px' />";
                s += "<input type='button' id='new-collection-ok' title='Thêm' value='V' />";
                s += "<input type='button' id='new-collection-cancel' value='X' title='Hủy' /> </div>";
                //$("#collection-menu").prepend(s);
                $("#collection-menu h2").after(s);
            }
        })
        //xóa text box khi nhấn cancell
        $("#new-collection-cancel").live("click", function () {
            $(this).parent().remove();
            $("#CollectionError").text("");
        })
        //xu ly khi them moi collection
        $("#new-collection-ok").live("click", function () {
            var tenCollection = $("#txtCollectionName").val();
            if (tenCollection == null || tenCollection == "") {
                $("#CollectionError").text("Tên bộ sưu không được để trống  !!!");
                return;
            }
            $("#CollectionError").text("");
            //DisplayLoader(true);
            $.ajax({
                type: "POST",
                url: "/collection.aspx/InsertCollectionModal",
                data: '{collectionName: "' + tenCollection + '" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    if (response.d == 0) {
                        alert("Có lỗi xảy ra, vui lòng thực hiện lại");
                        $("#CollectionError").text("");
                        // DisplayLoader(false);
                    }
                    //lỗi trùng tên
                    else if (response.d == 1) {
                        $("#CollectionError").text("Tên bộ sưu tập đã có !!!");
                        $("#txtCollectionName").focus();
                        // DisplayLoader(false);
                    }
                    else {
                        $("#collection-list").prepend("<li title='" + tenCollection + "'><input type='button' /><lable>  " + tenCollection + " </label></li>");
                        $("#new-collection-ok").parent().remove();
                        $("#CollectionError").text("");
                        // DisplayLoader(false);
                    }
                },
                failure: function (response) {
                    alert("Có lỗi xảy ra, vui lòng thực hiện lai");
                }
            });
        })
        //luu thong idgig dc chon de dua vao bo suu tap
        $(".collection").live("click", function () {
            var id = $(this).attr("id");
            $("#hdGig").val(id);
            $("#CollectionError").text("");
            $("#collection-list li").remove();
            $.ajax({
                type: "POST",
                url: "../details.aspx/GetCollection",
                data: '{idGig: "' + id + '" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var items = response.d;

                    if (items != null) {
                        $.each(items, function (i, item) {

                            $("#collection-list").append("<li title='" + item.Name + "' id='" + item.Id + "'  >  <input  type='button' " + "class='" + item.CssClass + "'/> <lable>" + item.Name + "</label></li>");
                            // $("#collection-list").append("<li title='" + item.Name + "' id='" + item.Id + "'  > <input  type='button' "+ "class='" + item.CssClass + "'/>" + item.Name + "</li>");
                        });
                    }
                    else {

                    }
                },
                failure: function (response) {
                    alert("Có lỗi xảy ra, vui lòng thực hiện lai");
                }
            });
        })
        //luu gig vao bo suu tap khi click vao bo suu tap
        $("#collection-list li").live("click", function () {
            var idGig = $("#hdGig").val();
            $("#CollectionError").text("");
            if (idGig != null && idGig != "") {
                var nameCollection = $(this).attr("title");
                var idCol = $(this).attr("id");
                DisplayLoader(true, idCol);
                $.ajax({
                    type: "POST",
                    url: "/collection.aspx/InsertCollectionDetails",
                    data: '{nameCollection: "' + nameCollection + '"' + ',idGig:"' + idGig + '" }',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    // success: OnSuccess(id),
                    success: function (response) {
                        if (response.d == 0) {
                            setTimeout(function () {
                                DisplayLoader(false, idCol);
                                alert("Có lỗi xảy ra, vui lòng thực hiện lai");
                            }, 1000);

                        }
                        else if (response.d == 1) {
                            setTimeout(function () {
                                DisplayLoader(false, idCol);
                                $("#CollectionError").text("Công việc đã có trong bộ sưu tập !!!");
                            }, 1000);

                        }
                        else {
                            setTimeout(function () {
                                DisplayLoader(false, idCol);
                                $("#CollectionError").text("Đã thêm thành công");
                                //doi css khi thanh cong
                                $("#" + idCol + " input").addClass("collected");
                                //doi css cong viec hien tai thanh da them
                                var idC = $("#hdGig").val();
                                $("#" + idC).removeClass("collection1");
                                $("#" + idC).addClass("collection2");
                            }, 1000);
                            
                        }

                    },
                    failure: function (response) {
                        setTimeout(function () {
                            DisplayLoader(false, idCol);
                            alert("Có lỗi xảy ra, vui lòng thực hiện lai");
                        }, 1000);


                    }
                });
            }
        })
        function DisplayLoader(load, id) {
            if (load) {
                $("#" + id).prepend("<img src='/css/img/loader.gif' />");
                $("#" + id + " input").hide();
            }
            else {
                $("#" + id + " input").show();
                $("#" + id + " img").remove();
            }
        }
    </script>
</asp:Content>
